<%-- 
    Document   : crear_cuenta
    Created on : 17-sep-2011, 22:44:18
    Author     : Yojugracu
--%>

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<jsp:useBean id = "Cargar" scope = "application" class= "Monetario.CargarArchivo"/>
<%@page import = "org.apache.commons.fileupload.servlet.*" %>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
   "http://www.w3.org/TR/html4/loose.dtd">
<html>
    <head>

    </head>
<body>
<!--<form id="file_upload_form1" method="post" enctype="multipart/form-data" action="paso2_cuenta_nueva.jsp">
    
<input name="file" id="file" size="27" type="file" /><br />
<input type="submit" name="action" value="Upload" /><br />
<iframe id="upload_target" name="upload_target" src="" style="width:0;height:0;border:0px solid #fff;"></iframe>

</form>
!-->

<form id="file_upload_form" action="index.jsp" enctype="multipart/form-data" method="post">
    <div id="paso1_cuenta" class="paso1_cuenta">
                <!--  start step-holder -->
                <div id="step-holder">
                        <div class="step-no">1</div>
                        <div class="step-dark-left"><a href="">Paso 1</a></div>
                        <div class="step-dark-right">&nbsp;</div>
                        <div class="step-no-off">2</div>
                        <div class="step-light-left">Paso 2</div>
                        <div class="step-light-right">&nbsp;</div>
                        <div class="step-no-off">3</div>
                        <div class="step-light-left">Paso 3</div>
                        <div class="step-light-round">&nbsp;</div>
                        <div class="clear"></div>
                </div>
                <!--  end step-holder -->

                <!-- start id-form -->
                <table border="0" cellpadding="0" cellspacing="0"  id="id-form">
                <tr>
                        <th valign="top">No. Cedula:</th>
                        <td><input  id="input-cedula" type="text" class="inp-form" /></td>
                        <td>
                            <div id="div-cedula-left" class="error-left" style="display:none"></div>
                            <div id="div-cedula-inner" class="error-inner" style="display:none">Este campo es requerido</div>
                        </td>
                </tr>
                <tr>
                        <th valign="top">DPI:</th>
                        <td><input id="input-dpi" type="text" class="inp-form" /></td>
                        <td>
                            <div id="div-dpi-left" class="error-left" style="display:none"></div>
                            <div id="div-dpi-inner" class="error-inner" style="display:none">Este campo es requerido</div>
                        </td>
                </tr>
                <tr>
                        <th valign="top">Nombre:</th>
                        <td><input id="input-nombre" type="text" class="inp-form" /></td>
                        <td>
                            <div id="div-nombre-left" class="error-left" style="display:none"></div>
                            <div id="div-nombre-inner" class="error-inner" style="display:none">Este campo es requerido</div>
                        </td>
                </tr>
                <tr>
                        <th valign="top">Apellidos:</th>
                        <td><input id="input-apellido" type="text" class="inp-form" /></td>
                        <td>
                            <div id="div-apellido-left" class="error-left" style="display:none"></div>
                            <div id="div-apellido-inner" class="error-inner" style="display:none">Este campo es requerido</div>
                        </td>
                </tr>
                <tr>
                <th valign="top">Tipo de Cliente:</th>
                <td>
                <select id="tipo_cliente" class="styledselect_form_1">
                        <option value="1">Individual</option>
                        <option value="2">Empresarial</option>
                </select>
                </td>
                <td></td>
                </tr>
                <tr>
                   <br>
                <th valign="top">Fecha de Nacimiento :</th>
                <td class="noheight">
                    <br>
                        <table border="0" cellpadding="0" cellspacing="0">
                        <tr  valign="top">
                            <form id="chooseDateForm" action="#" method="">
                                <td>


                                <select id="d" class="styledselect-day">
                                        <option value="dd">dd</option>
                                        <%
                                            int dia=1;
                                            for(int i=0;i<31;i++){
                                                  out.println("<option value=\""+Integer.toString(dia)+"\">"+Integer.toString(dia)+"</option>");
                                                  dia++;
                                                  }
                                        %>

                                </select>
                                </td>
                                <td>
                                        <select id="m" class="styledselect-month">
                                                <option value="m">mmm</option>
                                                <option value="1">Jan</option>
                                                <option value="2">Feb</option>
                                                <option value="3">Mar</option>
                                                <option value="4">Abr</option>
                                                <option value="5">May</option>
                                                <option value="6">Jun</option>
                                                <option value="7">Jul</option>
                                                <option value="8">Ago</option>
                                                <option value="9">Sep</option>
                                                <option value="10">Oct</option>
                                                <option value="11">Nov</option>
                                                <option value="12">Dec</option>
                                        </select>
                                </td>
                                <td>
                                        <select  id="y"  class="styledselect-year">
                                                <option value="yyyy">yyyy</option>
                                                <%
                                                int anio=1990;
                                                for(int i=0;i<=21;i++){
                                                      out.println("<option value=\""+Integer.toString(anio)+"\">"+Integer.toString(anio)+"</option>");
                                                      anio++;
                                                }
                                                %>

                                        </select>

                                </td>
                                <td>
                                    <div id="div-fecha-left" class="error-left" style="display:none"></div>
                                    <div id="div-fecha-inner" class="error-inner" style="display:none">Fecha invalidad</div>
                                </td>
                        </form>
                        </tr>
                        </table>

                </td>
                <td><br></td>
        </tr>
        <tr>
                <th valign="top">Direccion:</th>
                <td><textarea id="input-dir" rows="" cols="" class="form-textarea"></textarea></td>
                <td>
                    <div id="div-direc-left" class="error-left" style="display:none"></div>
                    <div id="div-direc-inner" class="error-inner" style="display:none">Este campo es requerido</div>
                </td>
        </tr>
        <tr>
                <th>&nbsp;</th>
        <!--	<td valign="top">
                    <br>
                    <input type="button" value="" class="form-submit" onclick="crear_cuenta_paso2();" />
                        <input type="button" value="cancelar" class="form-reset" onclick="retornar_pagina_inicio();" />
                </td>
                <td><br></td>
    !-->
        </tr>
        </table>
        <!-- end id-form  -->
                        <table border="0" cellpadding="0" cellspacing="0"  id="id-form">
        <tr>
                <th valign="top">Departamento:</th>
                <td>
                   <select id="input-depto" class="styledselect-depto">
                            <option value="Departamento">Departamento</option>
                            <option value="1">Guatemala </option>
                            <option value="2">El Progreso </option>
                            <option value="3">Sacatepéquez </option>
                            <option value="4">Chimaltenango</option>
                            <option value="5">Escuintla </option>
                            <option value="6">Santa Rosa </option>
                            <option value="7">Solol&aacute;</option>
                            <option value="8">Totonicap&aacute;n</option>
                            <option value="9">Quetzaltenango </option>
                            <option value="10">Suchitepéquez</option>
                            <option value="11">Retalhuleu </option>
                            <option value="12">San Marcos </option>
                            <option value="13">Huehuetenango </option>
                            <option value="14">Quich&eacute;</option>
                            <option value="15">Baja Verapaz </option>
                            <option value="16">Alta Verapaz </option>
                            <option value="17">Pet&eacute;n </option>
                            <option value="18">Izabal </option>
                            <option value="19">Zacapa</option>
                            <option value="20">Chiquimula </option>
                            <option value="21">Jalapa </option>
                            <option value="22">Jutiapa </option>
                    </select>
                </td>
                <td>
                    <div id="div-departamento-left" class="error-left" style="display:none"></div>
                    <div id="div-departamento-inner" class="error-inner" style="display:none">Este campo es requerido</div>
                </td>
        </tr>
        <tr>
                <th valign="top">Municipio:</th>
                <td><input id="input-municipio" type="text" class="inp-form" /></td>
                <td>
                    <div id="div-municipio-left" class="error-left" style="display:none"></div>
                    <div id="div-municipio-inner" class="error-inner" style="display:none">Este campo es requerido</div>
                </td>
        </tr>

        <tr>
                <th valign="top">Tipo de Cuenta:</th>
                <td>
                <select  id="tipo_cuenta_paso1" class="styledselect_form_1">
                        <option value="1">Individual</option>
                        <option value="2">Empresarial</option>
                        <option value="3">Mancomunada</option>
                </select>
                </td>

        </tr>
        <tr>
                <th>&nbsp;</th>
                <td valign="top">
                        <input type="button" value="" class="form-submit" onclick="paso1_crear_cuenta();" />
                        
                        <!--onclick="paso1_crear_cuenta();"!-->
                        <input type="button" value="regresar" class="form-reset" onclick="paso1_crear_cuenta();" />
                </td>
                <td>
    <br>
    <br>

        </tr>
        </table>

    </div>

</form>
</body>
</html>